<ui:composition xmlns="http://www.w3.org/1999/xhtml"
        xmlns:ui="http://java.sun.com/jsf/facelets"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:p="http://primefaces.org/ui"
        xmlns:f="http://java.sun.com/jsf/core"
        xmlns:c="http://java.sun.com/jsp/jstl/core"
        template="/pages/templates/template.xhtml">
        <ui:define name="metadata">
        </ui:define>
        
        <ui:define name="content">
        
        	<h:form id="formBuscar">
        	
        		<h:outputScript name="jsf.js" library="javax.faces" target="head"/>
        		
	        	<div class="form-group">
	        		<h:inputText value="#{seguidorSeguinteBean.usuarioBusca}">Usuário para seguir:</h:inputText>
	        		<h:commandButton id="submit" value="Buscar" action="#{seguidorSeguinteBean.buscarUsuarioSeguir}" render="resultado">
	        		</h:commandButton>
		        	
	        	</div>
	        	
	        	
	        	<h:panelGroup id="resultado">
					<c:forEach items="#{seguidorSeguinteBean.listaUsuariosSeguir}" var="usuarios">
						
						<!-- Link com o nome do usuário -->
						<h:commandLink value="#{usuarios.perfil.nome}" action="visualizarPerfil">
							<f:setPropertyActionListener target="#{seguidorSeguinteBean.usuarioSeguinte}" value="#{usuarios.perfil}" />
						</h:commandLink>
						
						<h:commandButton id="submitSeguir" value="Seguir" action="#{seguidorSeguinteBean.seguir}" render="panelSeguidos">
							<f:setPropertyActionListener value="#{usuarios.perfil}" target="#{seguidorSeguinteBean.usuarioSeguinte}"/>
	        			</h:commandButton>
						
						<br />
					</c:forEach>
				</h:panelGroup>
	
	        	<br/> <br/>
				<p>Atualmente Seguindo</p>
				<!-- Retornar os usuarios que está seguindo -->
				
				<h:panelGroup id="panelSeguidos">
					
					<c:forEach items="#{seguidorSeguinteBean.listaSeguidos}" var="seguidos">
						<p:commandLink value="#{seguidos.seguinte.nome}" action="visualizarPerfil">
							<f:setPropertyActionListener
								target="#{visualizarPessoasBean.nome}" value="#{seguidos.seguinte.nome}" />
						</p:commandLink>
					
						<!-- <input type="submit" value="Deixar de seguir" class="btn btn-default"/> -->
						<br />
					</c:forEach>
					
				
				</h:panelGroup>
				
				</h:form>  
				
	</ui:define>
</ui:composition>